body {
    margin: 0ex 10ex 0ex 10ex;
    padding: 0ex;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 2ex;
    color:#333;
    background-color: #444;
  }
  
  pre {
    font-family: "Courier New", Courier, mono;
    font-style: normal;
    background-color: #444;
    white-space: pre
  }
  
  h1 {
    margin: 1ex 0ex 1ex 0ex;
    padding: 0ex;
  
    line-height: 3ex;
    font-weight: 900;
    color: #666;
  }
  
  h2 {
    margin: 2ex 0ex 1ex 0ex;
    padding: 0ex;
  
    line-height: 2ex;
    font-weight: 700;
    color: #444;
  }
  
  h3 {
    margin: 1ex 0ex 1ex 0ex;
    padding: 0ex;
  
    line-height: 1.6ex;
    font-weight: 700;
    color: #444;
  }
  
  p {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  
    margin: 0ex 0ex 0ex 0ex;
    padding: 2ex;
  }
  
  img {
    border: 0;
  }
  
  li {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex;
  }
  
  table {
    border-width: 0;
    empty-cells: show;
  }


  td, th {
    empty-cells: show;
    padding: .3ex .3ex;
    vertical-align: top;
    text-align: left;
    border-width: 0;
    border-spacing: 0;
    background-color: #ececec
  }
  
  th {
    font-weight: bold;
    background-color: #e2e2e2;
  }

  input{
    display: inline;
  }

  a, a:visited, a:link {
    color: #039;
  
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  
  a:hover {
    color: #69f;
  }
  
  a.Button, a.Button:link, a.Button:visited {
    padding: .3ex;
    color: #fff;
    background-color: #1d91b6;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 1.5ex;
  }
  
  a.Button:hover {
    color: #fff;
    background-color: #58848a;
  }
  .ui-autocompete{
    width: 100px;

  }
  #Logo {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: rgba(94, 146, 201, 0.96);
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#Logo {
    height: 9ex;
  }

  #Menu {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: rgba(94, 146, 201, 0.96);
    color: #fff;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    text-align: center;
    line-height: 9ex;

  }
  
  #Menu, #Menu a, #Menu a:link, #Menu a:visited, #Menu a:hover {
    color: #fff;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  
  body>#Menu {
    height: 9ex;
  }

  #signout-btn{
   
   
    height: 6ex;
    color: #fff;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 2ex;
    background: rgba(94, 146, 201, 0.96);
    border: none;
    cursor: pointer;
  }
  #Search {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    text-align: center;
    background-color: rgba(94, 146, 201, 0.96);
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#Search {
    height: 9ex;
  }
  
  #Search input {
    border-width: .1ex .1ex .1ex .1ex;
    border-style: solid;
    border-color: #aaa;
    background-color: #bfbfd6;
    color: #ffffff;
   

  }
  #SearchInput{
    width: 180px;
    height: 20px;
  }
  #SearchBtn{
    width: 50px;
    height: 22px;
    border-radius:15px;
  }
  #SearchBtn:hover{
    background-color:#547fc0;
    cursor: pointer;
  }
  
  #QuickLinks {
    text-align: center;
    background-color: #fff;
    width: 99%;
  }
  
  #PoweredBy {
    width: 30%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: rgba(94, 146, 201, 0.96);
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#PoweredBy {
    height: 9ex;
  }
  
  #Banner {
    width: 69%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: rgba(94, 146, 201, 0.96);
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }


  
  body>#Banner {
    height: 9ex;
  }
  
  #Content {
    margin: 0;
    padding: 0ex 0ex 0ex 0ex;
    width: 99%;
    color: #333;
    background-color: #fff;
    border-width: 0;
  }
  
  #Separator {
    clear:both;
    margin: 0;
    height:0;
  }
  
  #Main {
    margin: 0;
    padding: 1ex;
    color: #333;
    background-color: #FFF;
    border-width: 1ex 0ex 2ex 0px;
    border-style: solid;
    border-color: #fff;
  }
  
  #Sidebar {
    float: left;
    background:inherit;
    width: 30%;
  }
  
  #MainImage {
    float: left;
    background:inherit;
    text-align:center;
    width: 50%;
  }
  
  #Catalog {
    padding: 1ex;
    background:#fff;
    text-align:center;
  }
  
  #Catalog input[type="submit"]{
    padding: .3ex;
    color: #fff;
    background-color: rgba(99, 139, 185, 0.88);
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 1.5ex;
    border-width:0;
  }
  #Catalog input[type="submit"]:hover {
    color: #fff;
    background-color: #547fc0;
    cursor:pointer;
  }
  #Catalog input[type="button"]{
    padding: .3ex;
    color: #fff;
    background-color: rgba(99, 139, 185, 0.88);
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 1.5ex;
    border-width:0;
    
    border-radius:15px;
  }
  #Catalog input[type="button"]:hover {
    color: #fff;
    background-color: #547fc0;
    cursor:pointer;
  }
  
  #Catalog table{
    margin-left:auto;
    margin-right:auto;
  }
  
  #BackLink{
    padding: 1ex;
    float: right;
    border-width: .1ex 0ex .1ex 0px;
    border-style: solid;
    border-color: #fff;
  }
  
  #Cart{
    width: 69.99%;
    float: left;
    background-color:#fff;
  }
  
  #MyList{
    width: 30%;
    float: left;
    background-color:#fff;
    text-align:left;
  }
  
.wrapper{
  width:720px;
  margin:0px auto;
}

.entry{
  width:220px;
  float:left;
  margin: 10px;
  height:198px;
  /* background-image: url("/img/shadow.jpg"); */
 /* background-repeat: no-repeat;*/
  background-position: bottom;

}

figure{
 /* display: block;*/
  width: 202px;
  height: 142px;
  background-color: rgba(210, 238, 250, 0.53);
  margin: 0px;
  padding: 9px;
  text-align: left;
}

figure img{
  width:200px;
  height:150px;
  border:1px solid #d6d6d6;
}

figcaption{
  padding-left: 20px;
}

#selectable .ui-selecting { background: #bfbfd6; }
#selectable .ui-selected { background: #22a4ee; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60px; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.0em; height: 12px; }
.ui-widget-content{ float: left;}

*{
  margin: 0;
  padding: 0;
}

#footer{
  clear: both;
}
